import { Modal } from "antd";
const BasicModal = (props: any) => {
  const { centered = true, ...args } = props;
  const modalStyles = {
    header: {
      borderLeft: `5px solid #1677ff`,
      borderRadius: 0,
      paddingInlineStart: 5,
    },
    body: {
      padding: "16px 0 24px 0",
      boxSizing: "border-box",
      display: "flex",
      flexDirection: "column",
      rowGap: "8px",
      alignItems: "flex-start",
    },
    mask: {},
    footer: {
      borderTop: "1px solid #c9c9c9",
      paddingTop: "16px",
      boxSizing: "border-box",
    },
    content: {},
  };
  const styles = modalStyles;
  const $props = { centered, styles, ...args };
  return <Modal {...$props} />;
};
export default BasicModal;
